<template>
  <div class="right-content">
    <three-government />
    <three-mechanism />
  </div>
</template>

<script>
import ThreeMechanism from "./components/ThreeMechanism.vue";
import ThreeGovernment from "./components/ThreeGovernment.vue";
export default {
  name: "Right",
  components: {
    ThreeGovernment,
    ThreeMechanism,
  },
};
</script>

<style lang="scss" scoped>
.right-content {
  display: grid;
  grid-template-columns: repeat(2, 439px);
  grid-column-gap: 12px;
  place-content: center;
  > div {
    height: 933px;
  }
}
</style>
